<template>
  <dv-border-box8 class="contentCenterBox1_child">
    <div style="width: 98%;height: 49%;">
      <div style="color: #f50;font-size: x-large; font-weight: bold;height: 50%;text-align: center;padding-top: 15px;">今日回收数量</div>
      <div style="height: 50%;text-align: center;margin-top: -10px;">
        <span style="color:#cdddf7;;font-size: xxx-large;font-weight: bold;">{{ number }}</span>
        <span style="color: white;font-size: X-large;font-weight: bold;margin-left: 10px;">件</span>
      </div>
    </div>
  <div class="contentCenterBox1_child_line"></div>
  <div style="width: 98%;height: 49%;">
    <div style="color: #f50;font-size: x-large; font-weight: bold;height: 50%;text-align: center;padding-top: 15px;">今日回收金额</div>
    <div style="height: 50%;text-align: center;margin-top: -10px;">

      <span style="color: white;font-size: xxX-large;font-weight: bold;margin-left: 10px;">￥</span>
      <span style="color: #ffea8f;font-size: xxx-large;font-weight: bold;">{{price}}</span>
    </div>
  </div>
  </dv-border-box8>
</template>

<script>
import {getStoreInfo} from "@/api/statistics/store";

export default {
  name: "centerDataOrder",
  props:{
    number:Number,
    price:Number,
  },

}
</script>

<style scoped>
.contentCenterBox1_child{
  background-color:  rgba(19, 25, 47, 0.7);
  color: white;
}
.contentCenterBox1_child_line{
  width: 98%;
  height: 2%;
  border-top:2px solid #235fa7;
  margin-left: 4px;
  margin-top: 5px;
}
</style>
